.out{
  display: flex;
  justify-content: center;
  align-items: center;
  .next{
    padding-right: 15rpx;
  }
  .last{
    padding-left: 15rpx;
  }
  .list{
    .dot{
      margin-left: 5rpx;
      margin-right: 5rpx;

    }
    .avtivebutton{
      margin-left: 7rpx;
      margin-right: 7rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60rpx;
      width: 60rpx;
      color: white;
      background-color: #25A3FF;
      border-radius: 10rpx;
      border: 2rpx solid #25A3FF;
      box-shadow: 4rpx 4rpx 5rpx rgba($color: #000000, $alpha: 0.2);
    }
    .negetivebutton{
      margin-left: 7rpx;
      margin-right: 7rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60rpx;
      width: 60rpx;
      color: #444444;
      background-color: #fafafa;
      border-radius: 10rpx;
      //border: 2rpx solid #aaaaaa;
      box-shadow: 4rpx 4rpx 5rpx 2rpx rgba($color: #000000, $alpha: 0.1);
    }
  }
}